<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>举报/投诉内容</title>
    <!-- vant ui 样式文件 -->
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="./complaint.css" />
    <link rel="stylesheet" href="../css/van.css" />
  </head>

  <body>
    <noscript>
      <strong>很抱歉，如果不启用JavaScript，则无法正常工作。请使其继续。</strong>
    </noscript>

    <!-- 骨架屏 display:block/none; 显示与隐藏骨架屏 -->
    <div class="sk-wrapper" style="display: none">
      <div class="swiper sk">
        <div class="swiper-dot">
          <!-- dot 可循环 -->
          <div class="dot"></div>
          <div class="dot"></div>
          <div class="dot"></div>
        </div>
      </div>
      <div class="statistical">
        <div class="p sk"></div>
        <div class="p half sk"></div>
        <div class="num-boxs">
          <div class="num-box sk"></div>
          <div class="num-box sk"></div>
          <div class="num-box sk"></div>
        </div>
        <div class="p half conter sk"></div>
      </div>
      <div class="btn-box">
        <div class="btn sk"></div>
        <div class="btn sk"></div>
      </div>
      <div class="content">
        <div class="item sk"></div>
        <div class="item sk"></div>
        <div class="item sk"></div>
        <div class="item sk"></div>
      </div>
    </div>

    <div id="app">
      <div class="page-Complaint" style="--color: #3398ff">
        <!---->
        <div class="complaint" style="opacity: 1">
          <div class="go-back leftHide" style="top: 10px; right: 10px">
            <img
              class="music_open bjz-img-responsive"
              src=""
              alt="music_open"
            />
          </div>
          <div class="complaint-form">
            <h6>举报/投诉内容</h6>
            <div class="type-box">
              <div class="van-radio-group van-radio-group--horizontal" role="radiogroup">
                <div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
                  <div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success"></i></div>
                  <span class="van-radio__label">违法</span>
                </div>
                <div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
                  <div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success"></i></div>
                  <span class="van-radio__label">诈骗</span>
                </div>
                <div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
                  <div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success"></i></div>
                  <span class="van-radio__label">抄袭</span>
                </div>
                <div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
                  <div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success"></i></div>
                  <span class="van-radio__label">刷票</span>
                </div>
                <div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
                  <div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success"></i></div>
                  <span class="van-radio__label">色情</span>
                </div>
                <div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
                  <div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success"></i></div>
                  <span class="van-radio__label">广告</span>
                </div>
              </div>
            </div>
            <h6>举报/投诉描述</h6>
            <div class="describe">
              <div class="van-cell van-field">
                <div class="van-cell__value van-cell__value--alone van-field__value">
                  <div class="van-field__body"><textarea id="van-field-1-input" rows="1" class="van-field__control" placeholder="请输入举报/投诉描述" style="height: 161px"></textarea></div>
                </div>
              </div>
            </div>
            <h6>联系电话</h6>
            <div class="tel">
              <div class="van-cell van-field">
                <div class="van-cell__value van-cell__value--alone van-field__value">
                  <div class="van-field__body"><input type="text" inputmode="decimal" id="van-field-2-input" class="van-field__control" placeholder="请输入电话号码" /></div>
                </div>
              </div>
            </div>
            <div class="btn">提交</div>
          </div>
        </div>
      </div>
    </div>

    <script src="../js/rem.js"></script>
    <script src="../js/back.js"></script>
  </body>
</html>
